<template>
  <main>
    <div>
      <p>品牌主题馆</p>
      <!-- 宫格 -->
      <brand-mainsudoku></brand-mainsudoku>
    </div>
    <!-- top100 -->
    <brand-maintop></brand-maintop>
  </main>
</template>

<script>
import BrandMaintop from "./BrandMaintop.vue";
import BrandMainsudoku from "./BrandMainsudoku.vue";
export default {
  data() {
    return {};
  },

  components: {
    BrandMainsudoku,
    BrandMaintop,
  },

  computed: {},

  mounted() {},

  methods: {},
};
</script>

<style lang="less" scoped>
main {
  width: 100%;
  flex: 1;
  // position: absolute;
  // top: 220px;
  bottom: 0px;
  //   overflow: auto;
  div {
    width: 90%;
    margin: auto;
    p {
      width: 100%;
      font-size: 40px;
      font-weight: bold;
      color: #ffffff;
      margin-top: 60px;
    }
  }
}
</style>
